<div class="main">
  <div class="main-header">
    <div class="pa-icon-div pull-left fs-14">
      <i class="iconfont icon-shouye fs-14 icon-vertical-top"></i>
      <span class="fs-vertical-middle">工作台>安全活动>
      <span class="fs-theme-color">安全活动列表</span>
      </span>
    </div>
  </div>
  <div class="main-content search-info">
    <div class="container-header fs-16">
      <span>待办活动列表</span>
    </div>
    <form class="base-info">
      <div class="base-info-item">
        <div class="pa-form-control">
          <label>活动名称：</label>
          <input type="text" class="pa-form-control-input" ng-model="vm.mapParams.name">
        </div>
        <div class="pa-form-control pa-form-control-btn text-right w-100" style="padding: 10px 0">
          <button class="pa-btn pa-sw-btn" type="button" ng-click="vm.query()">搜索</button>
          <button class="pa-btn pa-sw-btn reset-btn" type="reset" ng-click="vm.reset()">重置</button>
        </div>
      </div>
    </form>
    <div class="pa-fl">
      <div class="pa-operate-fr pa-act-register fs-theme-color" ng-click="vm.view.isDown=!vm.view.isDown">
        <i class="iconfont icon-dengji icon-middle fs-14"></i>
        <span>活动登记</span>
        <i class="fa" ng-class="{'fa-chevron-up':vm.view.isDown,'fa-chevron-down':!vm.view.isDown}"></i>
        <div class="safe-sref" ng-show="vm.view.isDown">
          <p><a ui-sref="educationTrainingRegister">安全教育培训</a></p>
          <p><a ui-sref="technicalClarificaitonRegister">安全技术交底</a></p>
          <p><a ui-sref="safeMeetingRegister">安全会议</a></p>
        </div>
      </div>
      <div class="pa-operate-fr fs-theme-color" ng-click="vm.query()">
        <i class="fa fa-refresh"></i>
        <span>刷新</span>
      </div>
    </div>
    <pa-table>
      <table class="pa-table">
        <thead>
          <tr>
            <th class="sorting"
              ng-class="{'sorting-desc': vm.mapParams.sortType == 2, 'sorting-asc': vm.mapParams.sortType == 1}"
              ng-click="vm.$toggleOrder('start_time')">
              日期
            </th>
            <th>类型</th>
            <th>活动名称</th>
            <th>主讲人</th>
            <th>状态</th>
            <th class="operate-three">操作</th>
          </tr>
        </thead>
        <tbody>
          <tr ng-repeat="value in vm.resource.activityList track by $index">
            <td>{{value.startTime | date: 'yyyy-MM-dd'}}</td>
            <td>{{value.type == 1 ? '安全技术交底' : value.type == 2 ? '安全教育培训' : value.type == 3 ? '安全会议' : '-' }}</td>
            <td>{{value.name || '-'}}</td>
            <td>{{value.speaker || '-'}}</td>
            <td>
              <span class="activity-status"
                ng-class="{'status1':value.status==1,
                  'status2':value.status==2,
                  'status3':value.status==3}">
                {{value.status == 1 ? '初始' :
                value.status == 2 ? '进行中' :
                value.status == 3 ? '归档' : '-' }}
              </span>
            </td>
            <td>
              <div class="operate-del" ng-click="vm.goDetail(value)">
                <i class="iconfont icon-jilu3 detail-color fs-12"></i>
                <span>详情</span>
              </div>
              <div class="operate-del" ng-click="vm.goEdit(value)">
                <i class="iconfont icon-xiugai1 edit-color fs-12"></i>
                <span>编辑</span>
              </div>
              <div class="operate-del" ng-click="vm.delete(value)">
                <i class="iconfont icon-shanchu trash-color fs-12"></i>
                <span>删除</span>
              </div>
            </td>
          </tr>
        </tbody>
      </table>
    </pa-table>
  </div>
</div>